/**
 * @author Mike
 * @date 2017/06/01
 * @desc 左侧菜单组件
 */

import React from 'react';
import { Layout, Menu, Icon } from 'antd';

const { SubMenu } = Menu;
const { Footer } = Layout;

export default class commonSider extends React.Component {
	constructor () {
		super()
	}

	render () {
		return (
	           <Menu theme="dark" mode={ this.props.mode } defaultSelectedKeys={['6']}>
	              <SubMenu key="sub1" title={<span><Icon type="user" /><span className="nav-text">用户中心</span></span>}>
		              <Menu.Item key="1">菜单一</Menu.Item>
		              <Menu.Item key="2">菜单二</Menu.Item>
		              <Menu.Item key="3">菜单三</Menu.Item>
		              <Menu.Item key="4">菜单四</Menu.Item>
		          </SubMenu>
		          <SubMenu key="sub2" title={<span><Icon type="laptop" /><span className="nav-text">数据分析</span></span>}>
		              <Menu.Item key="5">菜单一</Menu.Item>
		              <Menu.Item key="6">菜单二</Menu.Item>
		              <Menu.Item key="7">菜单三</Menu.Item>
		              <Menu.Item key="8">菜单四</Menu.Item>
		          </SubMenu>
		          <SubMenu key="sub3" title={<span><Icon type="notification" /><span className="nav-text">通知信息</span></span>}>
		              <Menu.Item key="9">菜单一</Menu.Item>
			          <Menu.Item key="10">菜单二</Menu.Item>
			          <Menu.Item key="11">菜单三</Menu.Item>
			          <Menu.Item key="12">菜单四</Menu.Item>
		          </SubMenu>
	           </Menu>
		)
	}
}